
  //1st Param = Message, 2nd Param = Type of alert   createNoty('Hi! This is my message', 'info');   

function createNoty(message, type, url) {
    var html = '<div class="alert alert-' + type + ' alert-dismissable page-alert">';    
    html += '<button type="button" class="close">x<span class="sr-only">Close</span></button>';
    html += '<a href="'+url+'">';
    html += message;
    html += '</a>';
    html += '</div>';    
    $(html).hide().prependTo('#noty-holder').slideDown();
};

$(function(){

    //here im creating the notification that appears in the page.
    createNoty('This is a notification, click here to see it', 'info','notifications.html');
    $('.page-alert .close').click(function(e) {
        e.preventDefault();
        $(this).closest('.page-alert').slideUp();
    });
});